<!--  -->
<template>
  <div class="container">
    <h1><span>推剪辑</span></h1>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="black">
        <van-swipe-item><div v-for="(item,index) in tuivideos" :key="index"><img :src='item.cover' alt=""><p class="paragragh">花式般的恋爱：连二次元都打不败的爱情，为何值得我们相信？</p></div><br><br>
    </van-swipe-item>
        <van-swipe-item>2</van-swipe-item>
        <van-swipe-item>3</van-swipe-item>
        <van-swipe-item>4</van-swipe-item>
    </van-swipe>
    <br>
  </div>
</template>

<script>
import { mapState } from 'vuex';
export default {
  data () {
    return {

    };
  },

  components: {},

  computed: {
    ...mapState({
      tuivideos:(state)=>state.Detail.tuiVideos
    })
  },

  mounted(){},

  methods: {}
}

</script>
<style lang='less' scoped>
  .my-swipe .van-swipe-item {
    color: black;
    text-align: center;
  }
.container{
  margin-top: 0.5rem;
  div{
    
    text-align:center;
    img{
      width: 6.62rem;
      
    }
  }
}
h1{
        font-size: 0.38rem;
        border-top: solid rgb(238,238,238,1) 0.01rem;
        margin-left: 0.44rem;
        margin-right: 0.3rem;
        padding-top:0.62rem;
        padding-bottom:0.54rem;

    }
.paragragh{
  padding-left: 0.2rem;
  padding-right:0.2rem;
}
</style>